<%@ page contentType="text/html; charset=utf-8"%>
<%@ include file="../../header.jsp"%>
<link rel="stylesheet" type="text/css" href="${ctx }/webuploader/webuploader.css">
<link rel="stylesheet" type="text/css" href="${ctx }/webuploader/style.css">
<!--引入JS-->
<script type="text/javascript" src="${ctx }/webuploader/webuploader.js"></script>
<script type="text/javascript" src="${ctx }/views/user/user.js"></script>
<meta charset="UTF-8" />
<style>
	#label li{
		list-style: none;
		height:50px;
		margin: 10px 10px;
		line-height:50px;
		float: left;
		position:relative;
		cursor: pointer;
	}
	
	#label li a{
		color: white;
		text-decoration: none;
		font-size: 18px;
	}
	
	#label li span{
		position: absolute;
		top:0px;
		right:0px;
		display:none;
	}
	
	#label li:hover span{
		color: #000;
		display: inline;
	}
</style>
<div class="container">
	<div class="panel panel-info">
   <div class="panel-heading">
      <h3 class="panel-title">小号</h3>
   </div>
    <div class="panel-body">
		<form class="form-horizontal" action="${ctx }/user/add" id="defaultForm">
		  <div class="form-group">
						<label for="firstname" class="col-sm-2 control-label">标题：</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" name="name" placeholder="请输入昵称">
							<input type="hidden" name="key" id="key">
						</div>
			</div>
		   <div class="form-group">
						 <!--用来存放item-->
						<label for="firstname" class="col-sm-2 control-label">头像：</label>
						<div class="col-sm-10">
						    <div id="fileList" class="uploader-list"></div>
						   <div id="filePicker">选择图片</div>
						</div>
			</div>
		 <div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
							<button type="submit" class="btn btn-info">添 加</button>
							<!-- <button type="button" class="btn btn-default" id="back">返 回</button> -->
						</div>
					</div>
		</form>
   </div>
   <div class="panel-body">
		<ul id="label">
			<c:forEach items="${users }" var="bean">
				<li class="label label-info">${bean.firstName }<a>(${bean.userName })</a></li>
			</c:forEach>
		</ul>
   </div>
</div>
</div>
<script>
$(".mkbanner >li:eq(3)").addClass("active");
</script>